<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>模板动态插值</title>
<!--引入Vue库-->
<script src="vue.js"></script>
</head>
<body>	
<!-- 定义唯一根元素div -->
<div id="app">
  <!--Vue模板绑定数据的方法，用两对花括号进行绑定Vue中数据对象的属性 -->
  {{ message }}
</div>
<!--创建Vue的对象，并把数据绑定到上面创建好的div。-->
<script>
    var vm=new Vue({              // 创建Vue对象。Vue的核心对象。
        el: '#app',              // el属性：通过el与div元素绑定，#main是id选择器
        data: {                   // data属性: 是Vue对象中绑定的数据
            message: '<span>欢迎登录！<span>'    // message 自定义的数据
            }
        })
</script>
</body>
</html>
